.top-bar {padding: 10px 0;border-bottom: 1px solid #f7f7f7;line-height: 28px;}
      .navbar-inverse {border: none;}
      .navbar {
          border-radius: 0;
          margin-bottom: 0;
          background: #151515;
          padding: 15px 0;
          padding-bottom: 0;
      }
      .navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
          border-top: 0;
          padding-bottom: 0;
      }
      .item{width:100%;height:20%;overflow:hidden;}
      /*.item img{width:100%;}*/
      .carousel-caption{color:white; padding-bottom: 50px;background: linear-gradient(to bottom,rgba(189,181,181,0.5) 0,rgba(0,0,0,.0001) 100%);}
      #myCarousel .carousel-indicators .active {width: 20px;height: 20px;background-color: #c52d2f;margin: 0 15px 0 0;border: 1px solid #c52d2f;position: relative;}
      #myCarousel .carousel-indicators li {width: 20px;height: 20px;background-color: #fff;margin: 0 15px 0 0;position: relative;}
      .border{border:1px dotted #1b8ab5;border-radius:5px;overflow:hidden}
      .border1{border-bottom: 1px solid #797474;}
      .border1 span{color: #eae4e4;}
      .border1 h2{color: #de4d4d;text-align: center;}
      .users{background-color: #363c33;border-spacing: 1px;border-radius: 4px;opacity: 0.6;transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;-webkit-box-shadow: 0 0 0px 1000px #ffffff inset;padding: 6px 12px;margin: 2px;}
      .users span{color: #0278de;}
      .users div{color: red;text-align: right;}
      
	  .bg{background-size:100% 100%; background: linear-gradient(#34347d,#252432) ;background-image: url(./images/bg.png);}
	  .row{margin-top:5px;}
    #ulll li{border:1px solid #ccc;float:left;margin:10px;width:400px;}
    #ulll li div{float:left;color:black;}
    #ulll li img{width:150px;height:200px; }
    .caption{background: none;}
    .bg-blue {background: #4fc0f5!important;border: 1px solid #4fc0f5!important;}
    .list-unstyled li{padding-bottom: 3px;}
    .center{
position: absolute;
width:100%;
height:100%;
padding:20px;
background:linear-gradient(#34347d,#252432);
color:#fff;
transform: translate(-13%, -15%) scale(0.75);
}
.dashboard {
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    padding-top: 5%;
    background: linear-gradient(#34347d,#252432);
    background-size: 100% 100%;
}
.row{
  margin-left:0px;
}
.inverted {
    display: inline-block;
    opacity: 0.7;
    -webkit-box-reflect: below -25px -webkit-gradient(linear, center top, center bottom, from(transparent),color-stop(0.2, transparent), to(white));
}


    /*以下所有是针对第五个页面的*/
    .heading{background:-webkit-linear-gradient(top,#f1e060 60%,#f6f5f9 30%,#f1e060);color:transparent;-webkit-background-clip:text;}
    .title{color:#24b4e4;}
    .reader{color:white;}
    .reader span{color:#df3909;font-size:60px;font-family:"Times New Roman",Georgia,Serif;}
    .progress_define{background: #30f253; border-radius:10px;overflow:hidden}
    .progress{background:none}
    .users1{color:white;}
    .users1 p{font-size:20px;float:left;}
    .users1 span{font-size:20px;float:right;}
    .introduction p{color:white;font-size:15px;}
    .alignCenter{text-align: center;}
    .redColor{color:red;}
    .whiteColor{color:white;font-size: 30px;}
    .bookInfor{font-size:15px;}
    .col-center-block {  float: none;  display: block;  margin-left: auto;  margin-right: auto;  }  